<style type="text/css">
{literal}
#ustawienia-sklepu td, #ustawienia-sklepu th {
	padding: 8px 2px 8px 2px;
	border-bottom: solid 1px #555;
}
#ustawienia-sklepu td, #ustawienia-sklepu th {
border-right: dotted 1px #888;
}
{/literal}
</style>
<!-- jQuery -->	
<link rel="stylesheet" media="screen" type="text/css" href="/public/scripts/jQuery/colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="/public/scripts/jQuery/colorpicker/js/colorpicker.js"></script>	
<!-- /jQuery -->

<form action="{$smarty.const.HTTP_URL}{$page},KatalogTA,zapiszUstawieniaSklepu.html" enctype="multipart/form-data" method="post">
<h2>{$__cl.ustawienia_katalogu}</h2>
<table id="ustawienia-sklepu">
	<tr>
		<th valign="top">{$__cl.nazwa_parametru}</th>
		<th>{$__cl.wartosc_parametru}</th>
	</tr>
	<tr>
		<th>{$__cl.nazwa_strony_glownej_katalogu}</th>
		<td><input type="text" name="ustawienia_katalogu_ta[mainpage]" id="mainpage" value="{$settings_katalog_ta.mainpage}" style="cursor:pointer; width: 40px;"/></td>
	</tr>	
	<tr>
		<th colspan="7"><input type="submit" value="{$__cl.zapisz_ustawienia_katalogu}"/></th>
	</tr>	
</table>
</form>



{literal}
<script type="text/javascript" charset="utf-8">
var pickColor = {
	obj: '',
	event: function(id_){
		pickColor.obj = $('#'+id_).ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#'+id_).val('#'+hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value.replace('#',''));
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value.replace('#',''));
		});
	}
}
$(function() {
	pickColor.event('lista_kategorii_kolor_tla');
	pickColor.event('lista_kategorii_kolor_tla');
	pickColor.event('lista_kategorii_kolor_ramki');
	pickColor.event('lista_promocji_kolor_ramki');
	pickColor.event('lista_kategorii_kolor_tekstu_wiecej');
	pickColor.event('lista_kategorii_kolor_paska_wiecej');
	pickColor.event('lista_kategorii_kolor_tekstu');
	pickColor.event('lista_kategorii_kolor_naglowka');
	pickColor.event('lista_kategorii_kolor_podkreslenia_naglowka');
	pickColor.event('lista_kategorii_kolor_tekstu');
	pickColor.event('lista_kategorii_kolor_tla_naglowka');
	pickColor.event('lista_kategori_kolor_tla_thumb');
	pickColor.event('lista_kategorii_kolor_ramki_thumb');
	pickColor.event('lista_kategorii_kolor_tla_full');
	pickColor.event('lista_kategorii_kolor_ramki_full');

	pickColor.event('lista_zdjec_kolor_tla');
	pickColor.event('lista_zdjec_kolor_tla');
	pickColor.event('lista_zdjec_kolor_ramki');
	pickColor.event('lista_zdjec_kolor_tekstu_wiecej');
	pickColor.event('lista_zdjec_kolor_paska_wiecej');
	pickColor.event('lista_zdjec_kolor_tekstu');
	pickColor.event('lista_zdjec_kolor_naglowka');
	pickColor.event('lista_zdjec_kolor_podkreslenia_naglowka');
	pickColor.event('lista_zdjec_kolor_tekstu');
	pickColor.event('lista_zdjec_kolor_tla_naglowka');
	pickColor.event('lista_kategori_kolor_tla_thumb');
	pickColor.event('lista_zdjec_kolor_ramki_thumb');
	pickColor.event('lista_zdjec_kolor_tla_full');
	pickColor.event('lista_zdjec_kolor_ramki_full');
});
</script>
{/literal}


<!-- $settings_blog|@debug_print_var} -->